<!--  -->
<template>
  <div class="create-flowy hover-card"
       :blockInfo='JSON.stringify(blockInfo)'
       paramsValueSend=''
       style="background: #ffffff;border: 1px solid #efefef;border-radius: 6px;width: 270px;height: 100px;z-index: 1;">
    <div class="flowy-card">
      <div class="flowy-card-icon">
        <el-image class="flowy-card-icon-image"
                  draggable="false"
                  :src="blockInfo.icon || defaultScriptIcon"
                  fit="fill"></el-image>
      </div>
      <div class="flowy-card-item">
        <div class="title">
          <el-tooltip :open-delay="1000" :content="blockInfo.name"
                      placement="top">
            <span style="display:inline-block;width: 140px;overflow:hidden;text-overflow: ellipsis;">{{ blockInfo.name }}</span>
          </el-tooltip>
          <div class="more_operation">
            <div class="el-icon-more"></div>
            <div class="drop_down_block">
              <div class="edit_operation">
                <div class="cuifont icon_edit"></div>
                <div>Edit</div>
              </div>
            </div>
          </div>
        </div>
        <!-- <div class="tips">
          <div class="tips-area">{{ blockInfo.description }}</div>
        </div> -->
        <div class="description">
          <div class="content-area">{{ blockInfo.description }}</div>
          <div class="edit_icon_desc">
            <span class="cuifont icon_edit"></span>
          </div>
          <div class="input_desc"><input type="text"></div>
        </div>
      </div>
    </div>
    <SettingModel :ref="`setting-model`"
                  :blockInfo='blockInfo' />
  </div>
</template>

<script>
import mixinBlockCardViewModel from './block-card-view-model'
import SettingModel from './setting-model'

export default {
  components: { SettingModel },
  mixins: [mixinBlockCardViewModel],
  props: {
    blockInfo: {
      type: Object,
      default: () => { }
    }
  },
  data () {
    return {
      defaultScriptIcon: this.$ossLink + '/app/bot/script/script_icon_general.png'
    }
  },
  created () { },
  methods: {
  }
}
</script>

<style scoped lang='scss'>
@import "./bot.scss";
</style>
